<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% if title %}
    <title>{{title}}-Login</title>
    {% else %}
    <title>Login</title>
    <link rel="stylesheet" type="text/css" href="../static/login.style.css">
</head>
<body>

<div id="content">
    <div class="login-header">
        <img src="../static/images/logo.png">
    </div>
    <form action="/" method="post" role="form">
        <div class="login-input-box">
            <span class="icon icon-user"></span>
            <input type="text" placeholder="Please enter your email/phone" name="user">
        </div>
        <div class="login-input-box">
            <span class="icon icon-password"></span>
            <input type="password" placeholder="Please enter your password" name="passwd">
        </div>
    <div class="remember-box">
        <label>
            <input type="checkbox">&nbsp;Remember Me
        </label>
    </div>
    <div class="login-button-box">
        <button>Login</button>
    </div>
    </form>
    <div class="logon-box">
        <a href="">Forgot?</a>
        <a href="">Register</a>
    </div>
</div>

</body>
</html>
